<template>
    <div class="app-container">
        <header>
            <div>
                <div class="btn">
                    <el-button round size="small">周一</el-button>
                    <el-button round size="small">周二</el-button>
                    <el-button round size="small">周三</el-button>
                    <el-button round size="small">周四</el-button>
                    <el-button round size="small">周五</el-button>
                    <el-button round size="small">周六</el-button>
                    <el-button round size="small">周日</el-button>
                    <el-button size="small">开启时段</el-button>
                    <el-button size="small">关闭时段</el-button>

                </div>
                <div class="tip">
                    <el-tag type="success">关闭时段</el-tag>
                    <el-tag type="info">未预约</el-tag>
                    <el-tag type="warning">已预约</el-tag>
                    <el-tag type="danger">已过期</el-tag>
                </div>
            </div>
        </header>
    </div>
</template>

<script>
/**
* @author        Yng
* @time          2023-12-06 09:06:40  星期三
* @description   练车日历
**/


export default {
    name: 'carCalendar',
    data() {
        return {
            radio1: '上海',
            index: 1
        }
    },
    methods: {

    }
}
</script>

<style lang="scss" scoped>
header {
    &>div {
        .tip{
            text-align: right;
        }
    }
}
</style>